Skip to content

Add framework adapter#11101

Draft
tannerlinsley wants to merge 5 commits into
mainfrom
taren/framework-adapter
Draft

Add framework adapter#11101
tannerlinsley wants to merge 5 commits into
mainfrom
taren/framework-adapter

Conversation

@tannerlinsley

@tannerlinsley tannerlinsley commented Jul 22, 2026 •
edited
Loading

Copy link
Copy Markdown
Member

Summary

  • add the official Octane adapter for TanStack Query
  • preserve the React Query binding surface while using Octane hooks, context, Suspense, and error boundaries
  • add hydration, restoration, transition, differential, and streaming SSR coverage
  • publish TSRX source with compiler metadata and package validation
  • add framework docs and generated API reference

Validation

  • Octane 0.1.13 with @tsrx/core 0.1.47 and @tsrx/react 0.2.47
  • 48 runtime and differential tests, including sequential and nested streaming SSR Suspense
  • TypeScript 5.4 through 6.0 type matrix
  • package-local Vite 8 graph for Octane and Vitest, with a clean peer check and existing Vite 6 consumers preserved
  • scoped Vite/YAML and Svelte/esrap lock overrides preserve the existing Vite 6 and Svelte compiler graphs after the 0.1.13 lock refresh
  • production build, TSRX compiler checks, publint, and packed-package smoke checks
  • ESLint with no errors
  • Knip 6.29 with dynamic TSRX fixtures tracked and no @knipignore workarounds
  • documentation link checks and Sherif with no errors
  • normal and frozen installs under the repository's minimumReleaseAge policy

@coderabbitai

coderabbitai Bot commented Jul 22, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 94f41e2e-97c3-4a02-a61c-3a06f059ff5e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch taren/framework-adapter

Comment @coderabbitai help to get the list of available commands.

@nx-cloud

nx-cloud Bot commented Jul 22, 2026 •
edited
Loading

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit 9841542

Command Status Duration Result
nx affected --targets=test:sherif,test:knip,tes... ✅ Succeeded 2m 50s View ↗
nx run-many --target=build --exclude=examples/*... ✅ Succeeded 1s View ↗

☁️ Nx Cloud last updated this comment at 2026-07-23 22:58:32 UTC

@socket-security

socket-security Bot commented Jul 22, 2026 •
edited
Loading

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security		 Vulnerability Quality Maintenance License
Added@​tsrx/​react@​0.2.47721006598100
Addedoctane@​0.1.13751008296100
Addedvite@​8.1.5981008298100
Addedknip@​6.29.0971009596100

View full report

@socket-security

socket-security Bot commented Jul 22, 2026 •
edited
Loading

Copy link
Copy Markdown

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action Severity Alert  (click "▶" to expand/collapse)
Warn High
Obfuscated code: npm @emnapi/runtime is 90.0% likely obfuscated

Confidence: 0.90

Location: Package overview

From: pnpm-lock.yaml → npm/vinxi@0.5.11 → npm/vite@8.1.5 → npm/@emnapi/runtime@1.11.1

ℹ Read more on: This package | This alert | What is obfuscated code?

Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev.

Suggestion: Packages should not obfuscate their code. Consider not using packages with obfuscated code.

Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/@emnapi/runtime@1.11.1. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

Warn Medium
Low adoption: npm octane

Location: Package overview

From: packages/octane-query/package.json → npm/octane@0.1.13

ℹ Read more on: This package | This alert | What are unpopular packages?

Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support@socket.dev.

Suggestion: Unpopular packages may have less maintenance and contain other problems.

Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/octane@0.1.13. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report

@tannerlinsley tannerlinsley mentioned this pull request Jul 22, 2026
Draft
TkDodo
TkDodo approved these changes Jul 22, 2026
View reviewed changes

@TkDodo TkDodo left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔥

TkDodo
TkDodo reviewed Jul 22, 2026
View reviewed changes
Comment thread packages/octane-query/src/errorResetBoundary.ts Outdated
@github-actions

github-actions Bot commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

🚀 Changeset Version Preview

1 package(s) bumped directly, 25 bumped as dependents.

🟨 Minor bumps

Package Version Reason
@tanstack/octane-query 5.101.4 → 5.102.0 Changeset
@tanstack/angular-query-experimental 5.101.4 → 5.102.0 Dependent
@tanstack/angular-query-persist-client 5.101.4 → 5.102.0 Dependent
@tanstack/eslint-plugin-query 5.101.4 → 5.102.0 Dependent
@tanstack/preact-query 5.101.4 → 5.102.0 Dependent
@tanstack/preact-query-devtools 5.101.4 → 5.102.0 Dependent
@tanstack/preact-query-persist-client 5.101.4 → 5.102.0 Dependent
@tanstack/query-async-storage-persister 5.101.4 → 5.102.0 Dependent
@tanstack/query-broadcast-client-experimental 5.101.4 → 5.102.0 Dependent
@tanstack/query-core 5.101.4 → 5.102.0 Dependent
@tanstack/query-devtools 5.101.4 → 5.102.0 Dependent
@tanstack/query-persist-client-core 5.101.4 → 5.102.0 Dependent
@tanstack/query-sync-storage-persister 5.101.4 → 5.102.0 Dependent
@tanstack/react-query 5.101.4 → 5.102.0 Dependent
@tanstack/react-query-devtools 5.101.4 → 5.102.0 Dependent
@tanstack/react-query-next-experimental 5.101.4 → 5.102.0 Dependent
@tanstack/react-query-persist-client 5.101.4 → 5.102.0 Dependent
@tanstack/solid-query 5.101.4 → 5.102.0 Dependent
@tanstack/solid-query-devtools 5.101.4 → 5.102.0 Dependent
@tanstack/solid-query-persist-client 5.101.4 → 5.102.0 Dependent
@tanstack/vue-query 5.101.4 → 5.102.0 Dependent

🟩 Patch bumps

Package Version Reason
@tanstack/lit-query 0.2.11 → 0.2.12 Dependent
@tanstack/svelte-query 6.1.38 → 6.1.39 Dependent
@tanstack/svelte-query-devtools 6.1.38 → 6.1.39 Dependent
@tanstack/svelte-query-persist-client 6.1.38 → 6.1.39 Dependent
@tanstack/vue-query-devtools 6.1.38 → 6.1.39 Dependent

@pkg-pr-new

pkg-pr-new Bot commented Jul 23, 2026 •
edited
Loading

Copy link
Copy Markdown
More templates

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/TanStack/query/@tanstack/angular-query-experimental@11101

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/eslint-plugin-query@11101

@tanstack/lit-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/lit-query@11101

@tanstack/octane-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/octane-query@11101

@tanstack/preact-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/preact-query@11101

@tanstack/preact-query-devtools

npm i https://pkg.pr.new/TanStack/query/@tanstack/preact-query-devtools@11101

@tanstack/preact-query-persist-client

npm i https://pkg.pr.new/TanStack/query/@tanstack/preact-query-persist-client@11101

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/TanStack/query/@tanstack/query-async-storage-persister@11101

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/TanStack/query/@tanstack/query-broadcast-client-experimental@11101

@tanstack/query-core

npm i https://pkg.pr.new/TanStack/query/@tanstack/query-core@11101

@tanstack/query-devtools

npm i https://pkg.pr.new/TanStack/query/@tanstack/query-devtools@11101

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/TanStack/query/@tanstack/query-persist-client-core@11101

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/TanStack/query/@tanstack/query-sync-storage-persister@11101

@tanstack/react-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/react-query@11101

@tanstack/react-query-devtools

npm i https://pkg.pr.new/TanStack/query/@tanstack/react-query-devtools@11101

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/TanStack/query/@tanstack/react-query-next-experimental@11101

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/TanStack/query/@tanstack/react-query-persist-client@11101

@tanstack/solid-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/solid-query@11101

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/TanStack/query/@tanstack/solid-query-devtools@11101

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/TanStack/query/@tanstack/solid-query-persist-client@11101

@tanstack/svelte-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/svelte-query@11101

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/TanStack/query/@tanstack/svelte-query-devtools@11101

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/TanStack/query/@tanstack/svelte-query-persist-client@11101

@tanstack/vue-query

npm i https://pkg.pr.new/TanStack/query/@tanstack/vue-query@11101

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/TanStack/query/@tanstack/vue-query-devtools@11101

commit: 8a93024

@github-actions

github-actions Bot commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

size-limit report 📦

Path Size
react full 12.15 KB (0%)
react minimal 9.1 KB (0%)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@TkDodo TkDodo TkDodo approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@tannerlinsley @TkDodo